<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学知鸟</title>
		<link rel="shortcut icon" href="../../share/img/logo.png">
		<link rel="stylesheet" href="../../share/css/main.css">
	</head>
	<body>
		<div class="row">
			<div class="col-1">
				<section class="card m-10">
					<header>标题</header>
					<main>
						<h1>一级标题</h1>
						<h2>二级标题</h2>
						<h3>三级标题</h3>
						<h4>四级标题</h4>
						<h5>五级标题</h5>
						<h6>六级标题</h6>
					</main>
				</section>
				<section class="card m-10">
					<header>段落</header>
					<main>
						<p>这是 P 段落 1</p>
						<p>这是 P 段落 2</p>
						<p>下面空行是 br 换行</p>
						<br />
						<p>上面空行是 br 换行</p>
						<p>这是 P 段落 5</p>
						<p>这是 P 段落 6</p>
					</main>
				</section>
			</div>
			<div class="col-1">
				<section class="card m-10">
					<header>实体字符</header>
					<main>
						<table class="grid">
							<thead>
								<tr>
									<th>名称</th>
									<th>内容</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>&amp;nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>&amp;lt;</td>
									<td>&lt;</td>
								</tr>
								<tr>
									<td>&amp;gt;</td>
									<td>&gt;</td>
								</tr>
								<tr>
									<td>&amp;amp;</td>
									<td>&amp;</td>
								</tr>
								<tr>
									<td>&amp;quot;</td>
									<td>&quot;</td>
								</tr>
								<tr>
									<td>&amp;apos;</td>
									<td>&apos;</td>
								</tr>
								<tr>
									<td>&amp;cent;</td>
									<td>&cent;</td>
								</tr>
								<tr>
									<td>&amp;pound;</td>
									<td>&pound;</td>
								</tr>
								<tr>
									<td>&amp;yen;</td>
									<td>&yen;</td>
								</tr>
								<tr>
									<td>&amp;sect;</td>
									<td>&sect;</td>
								</tr>
								<tr>
									<td>&amp;copy;</td>
									<td>&copy;</td>
								</tr>
								<tr>
									<td>&amp;reg;</td>
									<td>&reg;</td>
								</tr>
								<tr>
									<td>&amp;trade;</td>
									<td>&trade;</td>
								</tr>
								<tr>
									<td>&amp;times;</td>
									<td>&times;</td>
								</tr>
								<tr>
									<td>&amp;divide;</td>
									<td>&divide;</td>
								</tr>
							</tbody>
						</table>
					</main>
				</section>
			</div>
			<div class="col-1">
				<section class="card m-10">
					<header>新标签</header>
					<main>
						<table class="grid">
							<thead>
								<tr>
									<th>名称</th>
									<th>描述</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>header</td>
									<td></td>
								</tr>
								<tr>
									<td>footer</td>
									<td></td>
								</tr>
								<tr>
									<td>main</td>
									<td></td>
								</tr>
								<tr>
									<td>aside</td>
									<td></td>
								</tr>
								<tr>
									<td>nav</td>
									<td></td>
								</tr>
								<tr>
									<td>article</td>
									<td></td>
								</tr>
								<tr>
									<td>section</td>
									<td></td>
								</tr>
								<tr>
									<td>figure</td>
									<td></td>
								</tr>
								<tr>
									<td>details</td>
									<td></td>
								</tr>
								<tr>
									<td>mark</td>
									<td></td>
								</tr>
								<tr>
									<td>summary</td>
									<td></td>
								</tr>
							</tbody>
						</table>
					</main>
				</section>
			</div>
		</div>
	</body>
</html>